<!DOCTYPE html>
<html>
<head></head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>男航</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script src='main.js'></script>
    <link rel="stylesheet" href="./index.css" type="text/css">
    <link rel="stylesheet" href="">
</head>

<body>
    <div class="page">
        <h1 class="header">欢迎来到Cos Pro男同事务所</h1>
        <div class="main">
            <div class="part">
                <div class="buttons">
                    <div class="button" id="hyr disapear">菜菜消失术</div>
                    <div class="button" id="hyr back">点击恢复</div>
                </div>
                <div class="people" id="hyr">
                    <img src="./hyr.png" alt="">
                    <div>
                        <div class="name">name: hyr</div>
                        <div class="age">age: 19</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="part">
                <div class="buttons">
                    <div class="button" id="jun apear">这是菜菜的男朋友</div>
                    <div class="button" id="jun disapear">菜菜决定不虐狗</div>
                </div>
                <div class="people" id="jun" style="display: none ;">
                    <img src="./jun.png" alt="">
                    <div>
                        <div class="name">name: jun</div>
                        <div class="age">age: 18</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- <div class="parent">
        <div class="title">TITLE</div>
        <div class="child">小小菜</div>
        <img src="./20200317090319_nwexr.png" />
    </div> -->
    <!-- <body class="box">
        <div class="box_item">小小菜</div>
        <img src="./20200317090319_nwexr.png" />
        <div class="circle">你为什么不居中</div>    
    </div> -->
    
    <!-- <div>来欣赏一下小小菜吧</div> -->
    <!-- <div /class="green">这是巴日和，你也可以叫他包菜</div>
    <img src="./20200317090319_nwexr.png" style="width: 50%;">
    <a href="https://www.edgeros.com/edgeros/">点击结束摸鱼</a>
    <h1>
        标题1
    </h1>
    <hr /> -->
    <script src="./index2.js"></script>
</body>
</html>>